I have a footer component that displays the last updated time to indicate when then website was last updated. That part of it looks like this:

<Typography
    variant="body1"
    noWrap
    component="div"
    sx={{ flexGrow: 1 }}
>
    This website was last updated on: {time}
</Typography> 

When I run npm run deploy in order to deploy the app to GitHub Pages, I want this {time} variable to update with the current time to accurately reflect the last updated time, just before the deploy scripts run. How would I accomplish such a thing?